<template>
	<SiderTrigger v-if="sider" />
	<HeaderTrigger v-else :theme="theme" />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { createAsyncComponent } from '@/utils/createAsyncComponent';
import { propTypes } from '@/utils/propTypes';
import HeaderTrigger from './HeaderTrigger.vue';

export default defineComponent({
	name: 'LayoutTrigger',
	components: {
		SiderTrigger: createAsyncComponent(() => import('./SiderTrigger.vue')),
		HeaderTrigger: HeaderTrigger,
	},
	props: {
		sider: propTypes.bool.def(true),
		theme: propTypes.oneOf(['light', 'dark']),
	},
});
</script>
